    .banner {
        height: 40px;
        background-color: #333333;
    }
    
    .banner li {
        float: right;
        margin-right: 17px;
    }
    
    .banner li a {
        border-right: 1px solid #666666;
        line-height: 40px;
        font-size: 14px;
        color: #dcdcdc;
        font-family: PingFangSC-Regular;
        padding-right: 16px;
    }
    
    .banner li span {
        background-image: url(../images/sprites.png);
        background-position: -159px -68px;
    }
    
    .banner span {
        display: inline-block;
        width: 15px;
        height: 23px;
        background-image: url(../images/sprites.png);
        background-position: -159px -68px;
        vertical-align: middle;
    }
    
    .banner2 {
        position: relative;
        height: 70px;
        margin-top: 20px;
        margin-bottom: 28px;
    }
    
    .banner2 .logo {
        float: left;
        height: 70px;
        width: 206px;
    }
    
    .navcontent {
        float: left;
    }
    
    .navcontent ul {
        float: left;
        margin-left: 40px;
    }
    
    .navcontent ul li {
        float: left;
        line-height: 70px;
        padding-right: 48px;
    }
    
    .navcontent ul li a {
        color: #333333;
        padding-bottom: 8px;
    }
    
    .navcontent ul li a:hover {
        border-bottom: 1px solid #27ba9b;
        color: #27ba9b;
    }
    
    .inputxiushi {
        position: relative;
        float: right;
        height: 30px;
        width: 172px;
        margin-top: 20px;
        margin-right: 50px;
    }
    
    .inputxiushi input {
        display: block;
        height: 30px;
        width: 172px;
        background-color: white;
    }
    
    .inputxiushi span {
        position: absolute;
        top: 4px;
        left: 0px;
        float: left;
        display: inline-block;
        height: 29px;
        width: 18px;
        background-image: url(../images/sprites.png);
        background-position: -80px -68px;
    }
    
    .inputxiushi input::placeholder {
        padding-left: 30px;
    }
    
    .car {
        position: relative;
        position: absolute;
        right: 0px;
        height: 23px;
        width: 23px;
        margin-top: 23px;
        background-image: url(../images/sprites.png);
        background-position: -120px -69px;
    }
    
    .car span {
        display: inline-block;
        width: 20px;
        height: 15px;
        background-color: red;
        border-radius: 30px;
        position: absolute;
        top: -4px;
        right: -10px;
        color: aliceblue;
        text-align: center;
        font-size: 13px;
    }
    
    .banner3 {
        position: relative;
        height: 500px;
        background-color: #f5f5f5;
    }
    
    .banner3 .warper {
        position: relative;
    }
    
    .banner3 .left {
        position: absolute;
        left: 0px;
        top: 0px;
        float: left;
        height: 500px;
        width: 250px;
        background-color: rgba(0, 0, 0, .7);
    }
    
    .banner3 .left li {
        height: 50px;
        width: 250px;
        line-height: 50px;
    }
    
    .banner3 .left li a {
        color: #ffffff;
        padding-left: 37px;
    }
    
    .banner3 .left span {
        font-size: 14px;
        margin-left: 15px;
    }
    
    .banner3 .left li:hover {
        background-color: #27ba9b;
    }
    
    .banner3 .left span:last-child {
        position: absolute;
        right: 19px;
    }
    
    .banner3 .jiantouleft {
        width: 45px;
        height: 45px;
        background-color: rgba(0, 0, 0, .2);
        position: absolute;
        top: 228px;
        left: 260px;
        border-radius: 50px;
        background-image: url(../images/sprites.png);
        background-position: 13px -60px;
    }
    
    .banner3 .jiantouright {
        width: 45px;
        height: 45px;
        background-color: rgba(0, 0, 0, .2);
        position: absolute;
        top: 228px;
        right: 10px;
        border-radius: 50px;
        background-image: url(../images/sprites.png);
        background-position: -23px -60px;
    }
    
    .banner3 .xiaoyuan {
        width: 150px;
        height: 10px;
        position: absolute;
        bottom: 31px;
        left: 657px;
    }
    
    .banner3 .xiaoyuan ul {
        float: left;
    }
    
    .banner3 .xiaoyuan li {
        height: 10px;
        float: left;
        line-height: 50px;
    }
    
    .banner3 .xiaoyuan li span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50px;
        background-color: #ffffff;
        opacity: 0.43;
        margin-left: 15px;
    }
    
    .banner3 .xiaoyuan li span:hover {
        opacity: 1;
    }
    
    .goods {
        margin-top: 47px;
        margin-bottom: 55px;
    }
    
    .goods .smallnav {
        height: 35px;
        margin-bottom: 37px;
    }
    
    .goods .smallnav h1 {
        float: left;
        font-size: 29px;
        color: #333333;
        font-weight: normal;
    }
    
    .goods .smallnav span {
        display: inline-block;
        float: left;
        font-size: 16px;
        color: #999999;
        margin-left: 34px;
        line-height: 51px;
    }
    
    .goods .smallnav a {
        float: right;
        line-height: 51px;
        font-size: 16px;
        color: #999999;
    }
    
    .goods .smallnav span:last-child {
        display: inline-block;
        width: 7px;
        height: 13px;
        float: right;
        line-height: 51px;
        margin-left: 3px;
    }
    
    .imgdisplay {
        height: 410px;
        margin-bottom: 47px;
    }
    
    .goods .imgdisplay ul {
        float: left;
    }
    
    .goods .imgdisplay ul li {
        float: left;
        height: 410px;
        width: 292px;
        background-color: #f0f9f4;
        margin-right: 10.55px;
    }
    
    .goods .imgdisplay ul li:last-child {
        margin-right: 0px;
    }
    
    .goods .imgdisplay h1 {
        text-align: center;
        color: #333333;
        font-size: 20px;
        margin-top: 22px;
        margin-left: 60px;
        margin-right: 60px;
        margin-bottom: 19px;
    }
    
    .goods .imgdisplay span {
        font-size: 17px;
        color: #9a2e1f;
        margin-left: 120px;
    }
    
    .goods .imgdisplay span:last-child {
        font-size: 23px;
        color: #9a2e1f;
        margin-left: 0px;
    }
    
    .goods .smallnav2 {
        height: 35px;
        margin-bottom: 37px;
    }
    
    .goods .smallnav2 h1 {
        float: left;
        font-size: 29px;
        color: #333333;
        font-weight: normal;
    }
    
    .goods .smallnav2 span {
        display: inline-block;
        float: left;
        font-size: 16px;
        color: #999999;
        margin-left: 34px;
        line-height: 51px;
    }
    
    .imgdisplay2 {
        height: 410px;
        margin-bottom: 47px;
    }
    
    .goods .imgdisplay2 ul {
        float: left;
    }
    
    .goods .imgdisplay2 ul li {
        float: left;
        height: 410px;
        width: 292px;
        background-color: #ffffff;
        margin-right: 10.55px;
    }
    
    .goods .imgdisplay2 ul li:last-child {
        margin-right: 0px;
    }
    
    .goods .imgdisplay2 h1 {
        text-align: center;
        color: #333333;
        font-size: 21px;
        margin-top: 22px;
        margin-left: 60px;
        margin-right: 60px;
        margin-bottom: 19px;
        font-weight: normal;
        font-family: PingFangSC-Regular;
    }
    
    .goods .imgdisplay2 span {
        font-size: 16px;
        color: #999999;
        margin-left: 70px;
        margin-right: 85px;
    }
    
    .hot {
        height: 466px;
        background-color: #f5f5f5;
        padding-top: 42px;
        padding-bottom: 45px;
        margin-bottom: 30px;
    }
    
    .hot .navsmall3 {
        height: 30px;
        margin-bottom: 10px;
    }
    
    .hot .navsmall3 h1 {
        color: #333333;
        font-size: 29px;
        float: left;
    }
    
    .hot .navsmall3 span {
        color: #999999;
        font-size: 16px;
        float: left;
        margin-left: 35px;
        line-height: 52px;
    }
    
    .imgdisplay3 {
        height: 352px;
    }
    
    .imgdisplay3 .jiantourdouble {
        height: 20px;
        margin-bottom: 16px;
    }
    
    .imgdisplay3 .jiantourdouble span {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #e2e2e2;
        float: right;
        margin-left: 12px;
        background-image: url(../images/sprites.png);
        background-position: -33px -106px;
    }
    
    .imgdisplay3 .jiantourdouble span:last-child {
        transform: rotate(180deg);
    }
    
    .imgdisplay3 .jiantourdouble span:hover {
        background-color: #27ba9b;
    }
    
    .hot .imgdisplay3 ul {
        float: left;
    }
    
    .hot .imgdisplay3 ul li {
        float: left;
        height: 306px;
        width: 236px;
        margin-right: 5px;
        background-color: #27ba9b;
    }
    
    .hot .imgdisplay3 ul li:last-child {
        margin-right: 0px;
    }
    
    .fresh {
        height: 675px;
    }
    
    .fresh .navsmall4 {
        height: 96px;
        line-height: 96px;
    }
    
    .fresh .navsmall4 h1 {
        float: left;
    }
    
    .fresh .navsmall4 ul {
        float: left;
        margin-left: 650px;
    }
    
    .fresh .navsmall4 ul li {
        float: left;
        padding-right: 13px;
        color: #333333;
    }
    
    .fresh .navsmall4 a span {
        margin-left: 15px;
        color: #999999;
    }
    
    .fresh .navsmall4 ul li a:hover {
        background-color: #27ba9b;
        color: #fefbfc;
    }
    
    .imgdisplay4 {
        height: 579px;
    }
    
    .leftsaid {
        height: 579px;
        width: 220px;
        float: left;
    }
    
    .rightsaid {
        width: 980px;
        height: 579px;
        float: right;
    }
    
    .rightsaid ul {
        float: left;
    }
    
    .rightsaid li {
        position: relative;
        float: left;
        width: 237px;
        height: 288px;
        background-color: #ffffff;
        margin-right: 8px;
        margin-bottom: 3px;
    }
    
    .rightsaid li:first-child {
        margin-left: 8px;
    }
    
    .rightsaid li:nth-child(4) {
        margin-right: 0px;
    }
    
    .rightsaid li:nth-child(8) {
        margin-right: 0px;
    }
    
    .rightsaid li:nth-child(5) {
        margin-left: 8px;
    }
    
    .rightsaid li a img {
        margin: 4px 29px;
    }
    
    .rightsaid li h1 {
        font-size: 16px;
        margin: 0px 30px;
    }
    
    .rightsaid li span {
        margin-left: 30px;
        color: red;
        clear: both;
    }
    
    .rightsaid li span:last-child {
        margin-left: 0px;
        font-size: 19px;
        clear: both;
    }
    
    .mask {
        position: absolute;
        top: 0;
        right: 0px;
        width: 237px;
        height: 288px;
        border: 2px solid #27ba9b;
        opacity: 0;
        transition: 1s;
    }
    
    .maskheart {
        position: absolute;
        width: 237px;
        height: 74px;
        background-color: #27ba9b;
        bottom: 0px;
    }
    
    .maskheart h1 {
        text-align: center;
        font-size: 18px;
        color: #ffffff;
        padding-top: 7px;
    }
    
    .maskheart hr {
        width: 125px;
        height: 2px;
        background-color: #a9dbcc;
    }
    
    .maskheart h3 a {
        text-align: center;
        font-size: 13px;
        color: #ffffff;
    }
    
    .maskheart h3 {
        float: left;
        margin-left: 70px;
        font-size: 13px;
        color: #ffffff;
    }
    
    .maskheart h3:last-child {
        margin-left: 4px;
    }
    
    .mask:hover {
        opacity: 1;
    }
    
    .topic {
        height: 512px;
        background-color: #f5f5f5;
    }
    
    .topic .navsmall5 {
        height: 80px;
        line-height: 93px;
    }
    
    .topic .navsmall5 h1 {
        float: left;
    }
    
    .topic .navsmall5 a {
        float: right;
        line-height: 100px;
        color: #999999;
    }
    
    .topic .navsmall5 a span {
        margin-left: 13px;
    }
    
    .topic .imgdisplay5 ul {
        float: left;
    }
    
    .topic .imgdisplay5 li {
        position: relative;
        float: left;
        width: 392px;
        height: 356px;
        margin-right: 12px;
        background-color: #ffffff;
    }
    
    .imgdisplay5 li:last-child {
        margin-right: 0px;
    }
    
    .move2 {
        position: absolute;
        bottom: 87px;
        margin: 0px 15px;
    }
    
    .move2 h1 {
        font-size: 20px;
        color: #ffffff;
    }
    
    .move2 span {
        font-size: 16px;
        color: #999999;
    }
    
    .price {
        position: absolute;
        float: right;
        width: 81px;
        height: 27px;
        background-color: white;
        right: -122px;
        top: 22px;
        padding: 1px 5px;
    }
    
    .price span {
        font-size: 14px;
        color: #9a2e1f;
    }
    
    .price span:last-child {
        font-size: 17px;
        color: #9a2e1f;
        font-weight: normal;
        font-family: PingFangSC-Medium;
    }
    
    .topic .imgdisplay5 ul li a p:first-child {
        display: block;
        width: 15px;
        height: 20px;
        background-image: url(../images/sprites.png);
        background-position: -120px -106px;
        margin: 27px 17px 0px;
        float: left;
        vertical-align: middle;
        padding-left: 16px;
    }
    
    .topic .imgdisplay5 ul li a p:nth-child(2) {
        display: block;
        width: 15px;
        height: 20px;
        background-image: url(../images/sprites.png);
        background-position: -160px -106px;
        margin: 27px 89px 0px;
        float: left;
        vertical-align: middle;
        padding-left: 18px;
    }
    
    .topic .imgdisplay5 ul li a p:last-child {
        display: block;
        width: 15px;
        height: 20px;
        background-image: url(../images/sprites.png);
        background-position: -200px -106px;
        margin: 27px 0px;
        float: right;
        vertical-align: middle;
        padding-left: 18px;
        margin-right: 42px;
    }
    
    .foot1 {
        height: 265px;
        background-color: #ffffff;
        margin-top: 40px;
    }
    
    .foot1 .first {
        float: left;
        width: 200px;
        height: 160px;
        margin-right: 100px;
    }
    
    .foot1 .first h1 {
        text-align: center;
        font-size: 16px;
        color: #999999;
        margin-bottom: 35px;
    }
    
    .le {
        position: relative;
        width: 92px;
        height: 92px;
        float: left;
        border: solid 1px #eeeeee;
    }
    
    .rig {
        position: relative;
        width: 92px;
        height: 92px;
        float: right;
        border: solid 1px #eeeeee;
    }
    
    .le a span {
        display: block;
        width: 38px;
        height: 33px;
        background-image: url(../images/sprites.png);
        background-position: 151px -11px;
        margin-left: 30px;
        margin-top: 20px;
        padding-top: 60px;
    }
    
    .le a span:last-child {
        position: absolute;
        background: none;
        width: 90px;
        bottom: 30px;
        right: -13px;
    }
    
    .rig a span {
        display: block;
        width: 38px;
        height: 33px;
        background-image: url(../images/sprites.png);
        background-position: 52px -65px;
        margin-left: 30px;
        margin-top: 20px;
        padding-top: 60px;
    }
    
    .rig a span:last-child {
        position: absolute;
        background: none;
        width: 90px;
        bottom: 30px;
        right: -13px;
    }
    
    .second {
        position: relative;
        width: 200px;
        height: 160px;
        float: left;
    }
    
    .second h1 {
        font-size: 16px;
        color: #999999;
        margin-bottom: 35px;
        text-align: center;
    }
    
    .LE {
        float: left;
    }
    
    .rig1 {
        position: absolute;
        float: right;
        width: 92px;
        height: 92px;
        right: -19px;
        bottom: 0px;
    }
    
    .rig1 span {
        font-size: 14px;
        color: #999999;
    }
    
    .rig1 button {
        position: absolute;
        width: 92px;
        height: 30px;
        background-color: #27ba9b;
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 15px;
        bottom: -8px;
        left: 0px;
        border-style: none;
        cursor: pointer;
    }
    
    .underlinetext {
        float: left;
        height: 189px;
        width: 2px;
        border-right: 2px solid #f2f2f2;
        padding-left: 61px;
    }
    
    .phone {
        position: relative;
        float: right;
        width: 200px;
        height: 160px;
        margin-right: 96px;
    }
    
    .phone h1 {
        text-align: center;
        color: #999999;
        font-size: 16px;
    }
    
    .move5 {
        width: 163px;
        height: 63px;
        margin-top: 58px;
        position: absolute;
        left: 26px;
    }
    
    .move5 h2 {
        font-size: 22px;
        color: #666666;
    }
    
    .move5 span {
        font-size: 15px;
        color: #999999;
    }
    
    .foot2 {
        position: relative;
        height: 340px;
        background-color: #333333;
    }
    
    .left3 {
        position: relative;
        width: 186px;
        height: 85px;
        margin-right: 300px;
        float: left;
        margin-top: 60px;
    }
    
    .left3 h1 {
        position: absolute;
        color: #ffffff;
        font-size: 28px;
        vertical-align: middle;
        right: 0px;
        top: 11px;
    }
    
    .left3 span {
        display: block;
        width: 58px;
        height: 58px;
        background-image: url(../images/sprites.png);
        background-position: 0 0;
    }
    
    .left4 {
        position: relative;
        width: 186px;
        height: 85px;
        float: left;
        margin-top: 60px;
        margin-bottom: 55px;
    }
    
    .left4 h1 {
        position: absolute;
        color: #ffffff;
        font-size: 28px;
        vertical-align: middle;
        right: 0px;
        top: 11px;
    }
    
    .left4 span {
        display: block;
        width: 58px;
        height: 58px;
        background-image: url(../images/sprites.png);
        background-position: 0 0;
    }
    
    .fengexian {
        float: left;
        position: absolute;
        height: 2px;
        width: 1200px;
        background-color: #434343;
        top: 50%;
    }
    
    .foot2 .over {
        width: 1200px;
        height: 48px;
        margin-top: 210px;
        position: absolute;
        bottom: 73px;
    }
    
    .foot2 .over p,
    span {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #999999;
    }
    
    .foot2 .over p {
        padding-left: 428px;
        margin-bottom: 10px;
    }
    
    .foot2 .over span {
        padding-left: 603px;
    }